﻿ <div class="widgetbox" style="width: 300px">
                            <div class="title"><h2 class="tabbed"><span>Tabbed Widget</span></h2></div>
                            <div class="widgetcontent padding0">
                                <div id="tabs">
                                    <ul>
                                        <li><a href="#tabs-1">Products</a></li>
                                        <li><a href="#tabs-2">Posts</a></li>
                                        <li><a href="#tabs-3">Media</a></li>
                                    </ul>
                                    <div id="tabs-1">
                                        <ul class="listthumb">
                                            <li><img src="./images/thumb/small/thumb1.png" alt="" /> <a href="">Proin elit arcu, rutrum commodo</a></li>
                                            <li><img src="./images/thumb/small/thumb2.png" alt="" /> <a href="">Aenean tempor ullamcorper leo</a></li>
                                            <li><img src="./images/thumb/small/thumb3.png" alt="" /> <a href="">Vehicula tempus, commodo a, risus</a></li>
                                            <li><img src="./images/thumb/small/thumb4.png" alt="" /> <a href="">Donec sollicitudin mi sit amet mauris</a></li>
                                            <li><img src="./images/thumb/small/thumb5.png" alt="" /> <a href="">Curabitur nec arcu</a></li>
                                        </ul>
                                    </div>
                                    <div id="tabs-2">
                                        <ul>
                                            <li><a href="">Proin elit arcu, rutrum commodo</a></li>
                                            <li><a href="">Aenean tempor ullamcorper leo</a></li>
                                            <li><a href="">Vehicula tempus, commodo a, risus</a></li>
                                            <li><a href="">Donec sollicitudin mi sit amet mauris</a></li>
                                            <li><a href="">Curabitur nec arcu</a></li>
                                        </ul>
                                    </div>
                                    <div id="tabs-3">
                                        <ul class="thumb">
                                            <li><a href="#"><img src="./images/thumb/xsmall/thumb1.png" alt="" /></a></li>
                                            <li><a href="#"><img src="./images/thumb/xsmall/thumb2.png" alt="" /></a></li>
                                            <li><a href="#"><img src="./images/thumb/xsmall/thumb3.png" alt="" /></a></li>
                                            <li><a href="#"><img src="./images/thumb/xsmall/thumb4.png" alt="" /></a></li>
                                            <li><a href="#"><img src="./images/thumb/xsmall/thumb5.png" alt="" /></a></li>
                                            <li><a href="#"><img src="./images/thumb/xsmall/thumb6.png" alt="" /></a></li>
                                            <li><a href="#"><img src="./images/thumb/xsmall/thumb7.png" alt="" /></a></li>
                                            <li><a href="#"><img src="./images/thumb/xsmall/thumb8.png" alt="" /></a></li>
                                        </ul>     
                                    </div>
                                </div><!--#tabs-->
                            </div><!--widgetcontent-->
                        </div><!--widgetbox-->